<template>
  <div>
      <div class="dashboard-container">
    <div class="contract-caption-bgc">
      <div class="contract-caption-basic contract-w100">
        <el-row>
          <el-col :span="12" class="contract-ml10">
            <span class="dev1-line" />
            <span class="dev1_font">委员库列表</span>
          </el-col>
          <el-col :span="12" class="contract-caption-icon">
            <el-button type="text" size="small" icon="el-icon-document" @click="goToPayRequest()">新增专家库</el-button>
            <i class="el-icon el-icon-arrow-up" style="cursor: pointer;margin-left: 2%" @click="contractPlan = !contractPlan" />
            <i class="el-icon el-icon-arrow-down" style="cursor: pointer;margin-left: 2%" @click="contractPlan = !contractPlan" />
          </el-col>
        </el-row>
      </div>
    </div>
    
    <div v-show="contractPlan" class="dev_show bgStyles">
      <el-table border size="small" style="width:100%" :data="tableData">
        <el-table-column prop="time" label="发文时间" width="180" />
        <el-table-column prop="number" label="发文编号" width="180" />
        <el-table-column label="操作">
          <template slot-scope="scope">

            <el-button size="mini" type="text" @click="handleEdit(scope.$index, scope.row)">查看</el-button>

          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
  </div>
</template>

<script>
  export default {
    name: '',
    data() {
      return {
        contractPlan: true,
        tableData: [{
          time: '2016-05-02',
          number: '20180902',
        }, {
          time: '2016-05-04',
          number: '20180902',
        }, {
          time: '2016-05-01',
          number: '20180902',
        }, {
          time: '2016-05-03',
          number: '20180902',
        }]
      }
    },

  }

</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>
